<template>
  <p>child</p>
</template>

<script lang="ts">
export default {
  name: "Child",
  beforeMount() {
    console.log("child beforeMount");
  },
  mounted() {
    console.log("child mounted", a);
  },
  beforeUnmount() {
    console.log("child beforeUnmount");
  },
  unmounted() {
    console.log("child unmounted");
  },
  activated() {
    console.log("child activated");
  },
  deactivated() {
    console.log("child deactivated");
  },
};
</script>
